<template>
    <HeaderCom>
        <template v-slot:left>
            <svg class="icon" @click="chuXian">
                <use xlink:href="#icon-danlieliebiao"></use>
            </svg>
        </template>
        <template v-slot:center>
            <p>动态</p>
        </template>
        <template v-slot:right>
            <svg class="icon">
                <use xlink:href="#icon-jia"></use>
            </svg>
        </template>
    </HeaderCom>
    <AsideLeft ref="asideleft"/>
</template>

<script>
    import HeaderCom from "../components/header/HeaderCom.vue";
    import AsideLeft from "../components/aside/AsideLeft.vue";
    export default {
        name: "GuanZhuView",
        components:{
            HeaderCom,
            AsideLeft
        },
        methods:{
            chuXian(){
                this.$refs.asideleft.yiDong()
            },
        }
    }
</script>

<style scoped>
    .icon{
        width: 35px;
        height: 30px;
        margin-top: 10px;
    }
    .center>p{
        text-align: center;
        margin-top: 12px;
    }
</style>